
<div class="animated fadeIn table-responsive">
  <table class="table table-hover table-bordered table-center" style="min-width: 0px;vertical-align: middle">
    <tr>
      <td>订单详情</td>
      <td>{{detialsData.order_number}}</td>
      <td>订单时间</td>
      <td>{{detialsData.addTime ? formatDateTime(detialsData.addTime) : ''}}</td>
    </tr>
    <tr>
      <td>制作人</td>
      <td>{{detialsData.name}}</td>
      <td>联系电话</td>
      <td>{{detialsData.phone}}</td>
    </tr>
    <tr>
      <td>制作数量</td>
      <td>{{detialsData.num}}</td>
      <td>是否发货</td>
      <td>
        <span *ngIf="detialsData.state ==1">未发货</span>
        <span *ngIf="detialsData.state ==2">已发货</span>
      </td>
    </tr>
    <tr>
      <td>收货地址</td>
      <td colspan="3">
        {{detialsData.province}}{{detialsData.city? '-' + detialsData.city :''}}{{detialsData.county? '-' + detialsData.county :''}}{{detialsData.address? '-' + detialsData.address :''}}
      </td>
    </tr>
  </table>
  <table class="table table-hover table-bordered table-center" style="min-width: 0px;vertical-align: middle">
    <tr *ngFor="let item of detialsData.image">
      <td><img src="{{IMG_URL + item}}" style="height: 200px" alt=""></td>
      <td>
        <a  class="removeBtn" style="color: deepskyblue;" href="{{IMG_URL + item}}" download="{{(item).substring(item.length - 14)}}">下载</a>
      </td>
    </tr>
  </table>
  <div class="row" style="margin-top: 30px; margin-bottom: 40px">
    <div class="col-md-12" style="text-align: center">
      <button class="btn btn-secondary btn-radius" (click)="back()">返回</button>
    </div>
  </div>
</div>